<template>
    <div class="s-conainer">
      <div class="s-tit">
        <span>收货人信息</span>
        <router-link to="/shouhuo1/2">
          <span>使用新地址</span>
        </router-link>
      </div>
      <div class="s-html">
        <p>{{shtml}}</p>
        <div class="shtml-right">
          <router-link to="/shouhuo1/2">
            <span>修改</span>
          </router-link>
          <span>删除</span>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
      name: "Shouhuo2",
      computed:{
        shtml(){
          let str = this.$store.state.usernam2+' '+this.$store.state.cityinfo2+' '+this.$store.state.addss2+' 手机号 '+this.$store.state.pone2;
          return str;
        }
      }
    }
</script>

<style scoped>
  .s-conainer{
    width: 1280px;
    margin: auto;
  }
  .s-tit{
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
  }
  .s-tit>span{
    font-size: 18px;
    color: #666;
  }
  .s-tit a span{
    display: inline-block;
    width: 90px;
    height: 30px;
    border-radius: 5px;
    background: #f08200;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
  }
  .s-html{
    display: flex;
    justify-content: space-between;
    background: #f4fff2;
    padding: 10px 20px;
    font-size: 14px;
  }
  .s-html span{
    color: #498e3d;
    margin-left: 20px;
  }
</style>
